.wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    h1 {
      font-size: 32px;
    }
    .header{
      width: 100%;
      background: #fff;
      padding: 40px 90px;
      border-radius: 10px;
    }
    .bodys{
        Form{
        width: 100%!important;
        justify-content: space-between;
        align-items: center;
        &>div{
            margin-top: 20px;
            display: flex;
            float: left;
            margin-right: 20px;
        }
        &>Button{
            margin-top: 15px;
        }
        }
    }
    .cotent {
        margin-top: 10px;
        background: #fff;
        width: 100%;
        padding: 30px 20px;
        height: 200px;
        p {
          font-size: 16px;
        }
        label {
          font-size: 16px;
        }
      }
      .class{
          display: flex;
          &>p{
              font-size: 14px;
              margin-right: 10px;
              margin-top: 3px;
          }
          span{
              height: 29px;
              margin-right: 15px;
              color: rgba(0, 0,0, .7);
              padding: 5px; 
              font-size: 14px;
          }
          &>div{
            p{
                margin-right: 15px;
                padding: 5px;
                display: inline;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.7);
            }
          }
      }
      .btn{
        width: 158px;
        height: 40px;
        font-size: 20px;
        padding: 0 40px!important;
        border-radius: 4px!important;
        border: 0!important;
        font-size: 14px!important;
        color: #fff!important;
        background: linear-gradient(
        -90deg
        ,#4e75ff,#0139fd)!important;
    }
      :global{
        .active{
            background-color: blue;
            color: #fff!important ;  
          }
      }
      .footer{
          width: 100%;
          background-color: #fff;
          margin-top: 20px;
          padding: 30px;
          border-radius: 10px;
          &>div{
              cursor: pointer;
              width: 100%;
              height: 120px;
              border-bottom: 1px solid #e8e8e8;
              display: flex;
              justify-content: space-between;
              flex: 1;
              margin-bottom: 15px;
              
          }
          &>div:hover{
            background-color: rgba(247, 248, 255);
          }
          p{
            font-size: 14px;
          }
      }
      .spans{
        span{
          height: 30px;
          padding: 3px 7px;
          border-radius: 2px;
          border: 1px solid #d9d9d9;
          font-size: 12px;
          transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          opacity: 1;
          margin-right: 8px;
          cursor: pointer;
          white-space: nowrap;
          line-height: 30px;
        }
        span:nth-child(1){
          color: #1890ff;
          background: #e6f7ff;
          border-color: #91d5ff;
       
        }
        span:nth-child(2){
          color: #2f54eb;
          background: #f0f5ff;
          border-color: #adc6ff;
        }
        span:nth-child(3){
          color: #fa8c16;
          background: #fff7e6;
          border-color: #ffd591;
        }
      }
      .p{
        color: #0139FD;
        line-height: 15px;
        font-size: 14px;
        margin-top: 15px;
      }
      .compile{
        line-height: 100px;
        color: #0139FD; 
        font-size: 14px;
        text-align: center;
        width: 80px;
      }
      .items{
        width: 100%;
      }
}